<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>订单详情</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/lib/sm.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/lib/sm-extend.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_fzkvbtj540w6zuxr.css"/>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_418523_g7nk4glnyfa8aor.css"/>
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/print.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/base.css">
    <link rel="stylesheet" href="${staticpath}/front/dist/css/themes.css">
    <style>
        .order-status {
            background: url("${staticpath}/front/dist//images/bg-3.png") no-repeat;
            background-size: cover;
            width: 100%;
            overflow: hidden;
            padding: 16px 25px;
        }

        .order-status h2 {
            font-size: 16px;
            width: 100%;
            margin: 0;
            color: #fff;
            font-weight: normal;
            letter-spacing: 1px;
        }

        .order-status h3 {
            font-size: 14px;
            width: 100%;
            margin: 0;
            color: #fff;
            font-weight: normal;
            margin-top: 6px;
        }

        .hide {
            display: none;
        }

        .modal-text {
            font-size: 14px !important;
        }

        .o-list-total .o-list-div {
            line-height: 30px;
            padding: 0;
        }

        .address .item-subtitle {
            font-size: 14px;
        }

    </style>
</head>
<body>
<div class="page-group">
    <div class="page" data-url="">
        <!--头部内容 !-->
        <header class="bar bar-nav">
            <a class="icon icon-left pull-left" onclick="back()"></a>
            <h1 class="title">订单详情</h1>
        </header>
        <div class="main">
            <div class="order-status">
                <h2 class="state">等待卖家发货</h2>

                <h3><span class="time">2017-6-14 22:10 </span></h3>
            </div>
            <div class="addr" data-url="${basepath}/rest/front/address/toAddressAdd"
                 data-address="${basepath}/rest/front/address/toAddressList">
                <img src="${staticpath}/front/dist/images/addr.png" alt="" class="addr-ico cell-left">
                <div class="addr-main">
                    <div class="addr-title">暂无配送地址</div>
                    <div class="addr-detail">还没有配送地址，赶紧去添加吧</div>
                </div>
                <img src="${staticpath}/front/dist/images/arrowRight.png" alt="" class="addr-arrow cell-right">
            </div>
            <img src="${staticpath}/front/dist/images/line.png" alt="" class="addr-line">
            <div class="o-list-content">
                <div class="o-list-item">
                    <div class="o-s-head"><i class="iconfont icon-shangdian"></i> <span>袋泡茶商城</span> <span
                            class="icon icon-right"></span></div>
                    <ul class="o-list">
                    </ul>
                </div>
            </div>
            <div class="o-list-total">
                <div class="o-list-div" id="total-div">
                </div>
            </div>
            <div class="orderNum">
                <div class="list-block" id="orderInf">
                    <ul>
                        <li>
                            <div class="cart-title">订单号码</div>
                            <div class="cart-after code"></div>
                        </li>
                    </ul>
                </div>
                <div class="message flex-box">
                    <span class="text cell-left">买家留言：</span>
                    <input type="text" class=" cell-main input-msg" placeholder="买家未留言" disabled="disabled">
                </div>
            </div>
        </div>

        <nav class="bar bar-tab account-bar-tab" id="ensure" style="display: none;background-color: #fff;">
            <span data-url="" class="accountBtn g-pay">确认收货</span>
        </nav>
        <nav class="bar bar-tab payment-bar-tab hide" id="tool-bar">
            <h4>合计:<span>¥<span><span class="total-price">55.80</span> <span class="total-remark" style="display: none;">(店铺优惠<span id="remark-span">0</span>元)</span></h4>
            <span data-url="" class="paymentBtn" style="width: 18%">去付款</span>
            <span data-url="" class="cancelBtn " style="width: 20%">取消订单</span>
        </nav>
    </div>
</div>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/zepto.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm-extend.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/order/orderDetail.js' charset='utf-8'></script>
</body>
</html>
